﻿#parse("/layout/header.htm")


#set($footer="广告加网络科技公司(C)版权")
#set($header="“广告加”分享文章新体验")


<script>
    var localIds = "";
    $(document).on("pageinit", "#p4", function () {
        //$("p").on("click", function () {
        //    $(this).hide();
        //});
        $("#selectad1").on("click", function () {
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: function (res) {
                    alert(res.localIds[0]);
                    $("#imgad1").attr("src", localIds[0]);
                    $("#imgad1").attr("width", "100%");
                    $("#imgad1").attr("height", "119px");
                }
            });
        });

       

        $("#savead1").on("click", function () {
            
            wx.uploadImage({
                localId: localIds[0].toString(), // 需要上传的图片的本地ID，由chooseImage接口获得
                isShowProgressTips: 1, // 默认为1，显示进度提示
                success: function (res) {
                    var serverId = res.serverId; // 返回图片的服务器端ID

                    alert(serverId);
                }
            });
        });
        
        var dataForWeixin = {
            appId: '$!jssdk.appid',
            MsgImg: 'http://www.etuling.com/AdImages/zituibao2.jpg',
            TLImg: 'http://www.etuling.com/AdImages/zituibao2.jpg',
            url: 'http://www.etuling.com/a',
            title: '$header',
            desc: '',
            timestamp: '$!jssdk.timestamp',
            nonceStr: '$!jssdk.noncestr',
            signature: '$!jssdk.signature',
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'chooseImage', 'uploadImage'],
            fakeid: "",
            callback: function () { }
        };

        wx.config({
            debug: false,
            appId: dataForWeixin.appId,
            timestamp: dataForWeixin.timestamp,
            nonceStr: dataForWeixin.nonceStr,
            signature: dataForWeixin.signature,
            jsApiList: dataForWeixin.jsApiList
        });
        wx.ready(function () {
            //在此输入各种API
            //分享到朋友圈
            wx.onMenuShareTimeline({
                title: dataForWeixin.title, // 分享标题
                link: dataForWeixin.url, // 分享链接
                imgUrl: dataForWeixin.MsgImg, // 分享图标
                success: function (res) {

                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            //分享给朋友
            wx.onMenuShareAppMessage({
                title: dataForWeixin.title, // 分享标题
                desc: dataForWeixin.desc, // 分享描述
                link: dataForWeixin.url, // 分享链接
                imgUrl: dataForWeixin.TLImg, // 分享图标
                type: '',
                dataUrl: '',
                success: function (res) {

                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            //QQ
            wx.onMenuShareQQ({
                title: dataForWeixin.title, // 分享标题
                desc: dataForWeixin.desc, // 分享描述
                link: dataForWeixin.url, // 分享链接
                imgUrl: dataForWeixin.MsgImg,// 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            //QQ微博
            wx.onMenuShareWeibo({
                title: dataForWeixin.title, // 分享标题
                desc: dataForWeixin.desc, // 分享描述
                link: dataForWeixin.url, // 分享链接
                imgUrl: dataForWeixin.TLImg, // 分享图标
                success: function () { },
                cancel: function () {
                }
            });
        });
        wx.error(function (res) {
        });
    });
</script>


<div data-role="page" id="p1">
    <div data-role="header">
        <h1>$header</h1>
    </div>

    <div data-role="content">

        <div data-role="controlgroup" data-type="vertical">
            <a href="#p2" data-role="button">产品介绍</a>
            <a href="#p3" data-role="button">操作讲解</a>
            <a href="#p4" data-role="button">更换广告</a>
            ##<a href="#p5" data-role="button">关于我们</a>
        </div>

    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>


<div data-role="page" id="p2">
    <div data-role="header">
        <h1>“广告加”产品介绍</h1>
    </div>

    <div data-role="content">

        <p>操作说明，可以是一个h5页面</p>

        <p>
            里面简单的展示操作流程和我们的联系方式
        </p>

        <p>
            1、请添加微信号“douhaolxw”为好友，当你在朋友圈或者微信中发现一篇不错的文章，您可以直接分享给“douhaolxw”。他会立即给你回复一篇文章地址，文章的下面已经加上了你的浮动广告。

        </p>
        <a href="#p4" data-role="button">立即更换广告图片</a>
        <a href="#p1" data-role="button">返回导航</a>
    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>


<div data-role="page" id="p3">
    <div data-role="header">
        <h1>“广告加”操作视频讲解</h1>
    </div>

    <div data-role="content">

        <p>里面是一个视频页面</p>

        <a href="#p4" data-role="button">立即更换广告图片</a>
        <a href="#p1" data-role="button">返回导航</a>

    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>

<div data-role="page" id="p4">
    <div data-role="header">
        <h1>“广告加”更换第一条广告</h1>
    </div>

    <div data-role="content">

        <p>广告1图片</p>
        <img src="/AdImages/zituibao2.jpg" style="width: 100%" id="imgad1"/>
        <a data-role="button" id="selectad1">选择广告1图片</a>

        <p>广告1链接</p>
        <input type="text" placeholder="链接到您的推广网址,例如：a.com或http://a.com等" />


        <a data-role="button" id="savead1">保存</a>
        <a href="#p42" data-role="button">更换广告2</a>
        <a href="#p1" data-role="button">返回导航</a>

    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>

<div data-role="page" id="p42">
    <div data-role="header">
        <h1>“广告加”更换第二条广告</h1>
    </div>

    <div data-role="content">

        <p>广告2图片</p>
        <img src="/AdImages/zituibao2.jpg" style="width: 100%" />
        <a data-role="button">选择广告2图片</a>

        <p>广告2链接</p>
        <input type="text" placeholder="链接到您的推广网址,例如：a.com或http://a.com等" />

        <a data-role="button">保存(只有VIP用户能操作)</a>

        <a href="#p4" data-role="button">更换广告1</a>
        <a href="#p43" data-role="button">更换广告3</a>

        <a href="#p1" data-role="button">返回导航</a>
    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>

<div data-role="page" id="p43">
    <div data-role="header">
        <h1>“广告加”更换第三条广告</h1>
    </div>

    <div data-role="content">

        <p>广告3图片</p>
        <img src="/AdImages/zituibao2.jpg" style="width: 100%" />
        <a data-role="button">选择广告3图片</a>

        <p>广告3链接</p>
        <input type="text" placeholder="链接到您的推广网址,例如：a.com或http://a.com等" />
        <a data-role="button">保存(只有VIP用户能操作)</a>

        <a href="#p4" data-role="button">更换广告1</a>
        <a href="#p42" data-role="button">更换广告2</a>
        <a href="#p1" data-role="button">返回导航</a>


    </div>

    <div data-role="footer">
        <h1>$footer</h1>
    </div>
</div>

#parse("/layout/footer.htm")






